.scroll-page-component {
    height: 100%;
    overflow: hidden;
    padding: 0 0vw;
    background-color: var(--mobile-bg);
    display: flex;
    flex-direction: column;

    .header {
        position: relative;
        top: 0;
        left: 0;
        background-color: #FFFFFF;
        .default-header {
            height: 44px;
            overflow: hidden;
            position: relative;
            display: flex;
            .label {
                justify-content: center;
                align-items: center;
                display: flex;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                font-size: 18px;
                color: #333333;
                z-index: 0;
            }
            .before, .after {
                z-index: 1;
                position: absolute;
                display: flex;
                align-items: center;
            }
            .before {
                top: 0;
                left: 0;
                bottom: 0;
            }
            .after {
                top: 0;
                right: 10px;
                bottom: 0;
            }

            .back {
                font-size: 22px;
            }

        }
    }

    .content {
        position: relative;
        top: 0;
        left: 0;
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto;
    }
}